<%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>
<%@ include file="/JSP/include.jsp"%>

<portlet:actionURL var="refresh">
	<portlet:param name="action" value="refresh" />
</portlet:actionURL>

<div class="csp_wrap">
	<div class="csp_leftmenu"><%@ include file="/JSP/leftsidebar.jsp"%></div>
	<div class="csp_content">
	
	
		<h3> 
				<table width="100%">
				<tr>
				<td>
				Service List
				</td>
				<td align="right">
				<a href="<portlet:renderURL>
				         <portlet:param name="action" value="refresh"/>
				         </portlet:renderURL>" class="ui-linkButton"><span style="font: 12;">Refresh List</span></a>
				</td>
				</tr>
				</table>
		
		</h3>
	
	
	    <div class="ui-tab ui-tab-hover" style="width:100%;">
	    	<ul class="ui-tab-list">
	    		<li class="ui-tab-current">ALL</li>
	    		<li>A</li>
	    		<li>B</li>
	    		<li>C</li>
	    		<li>D</li>
	    		<li>E</li>
	    		<li>F</li>
	    		<li>G</li>
	    		<li>H</li>
	    		<li>I</li>
	    		<li>J</li>
	    		<li>K</li>
	    		<li>L</li>
	    		<li>M</li>
	    		<li>N</li>
	    		<li>O</li>
	    		<li>P</li>
	    		<li>Q</li>
	    		<li>R</li>
	    		<li>S</li>
	    		<li>T</li>
	    		<li>U</li>
	    		<li>V</li>
	    		<li>W</li>
	    		<li>X</li>
	    		<li>Y</li>
	    		<li>Z</li>
	    		<li>#</li>
	    	</ul>
			<div class="ui-tab-content" style="display: block; height:500px;">
					<table width="100%">
						<tr>
							<td>
							 <table class="ui-table ui-table-hoverIsolate" width="100%">
								<c:forEach items="${servicesF}" var="srv">
						  		<tr>
									<td>
									
						      		<a href="<portlet:actionURL>
						      			<portlet:param name="action" value="showMeta"/>
						      			<portlet:param name="serviceName" value="${srv.name}" />
						      			<portlet:param name="serviceURL" value="${srv.url}"/>
						      			</portlet:actionURL>">${srv.name}</a>
						      		</td>
						  		</tr>
								</c:forEach>
							  </table>
							</td>
							<td>
								<table class="ui-table ui-table-hoverIsolate" width="100%">					
								<c:forEach items="${servicesS}" var="srv">
						  		<tr>
									<td>
						      		<a href="<portlet:actionURL>
						      			<portlet:param name="action" value="showMeta"/>
						      			<portlet:param name="serviceName" value="${srv.name}" />
						      			<portlet:param name="serviceURL" value="${srv.url}"/>
						      			</portlet:actionURL>">${srv.name}</a>
						      		</td>
						  		</tr>
								</c:forEach>
								</table>
							</td>
							<td>
								<table class="ui-table ui-table-hoverIsolate" width="100%">					
								<c:forEach items="${servicesT}" var="srv">
						  		<tr>
									<td>
						      		<a href="<portlet:actionURL>
						      			<portlet:param name="action" value="showMeta"/>
						      			<portlet:param name="serviceName" value="${srv.name}" />
						      			<portlet:param name="serviceURL" value="${srv.url}"/>
						      			</portlet:actionURL>">${srv.name}</a>
						      		</td>
						  		</tr>
								</c:forEach>
								</table>
							</td>
						</tr>
					</table>
	    	</div>
	    	
			<c:forEach items="${services}" var="service">	    	
	    	<div class="ui-tab-content" style="display: block; height:500px;" >
					<table class="ui-table-horizon ui-table-hoverThrough" width="100%">
						<tr>
							<th>
								AppName
							</th>
							<th colspan="2">
								Service URL
							</th>
						</tr>						
						<c:forEach items="${service}" var="srv">
						  <tr class="ui-title-fold" title="clile to see usage">
								<td>
						      	<a href="<portlet:actionURL>
						      			<portlet:param name="action" value="showMeta"/>
						      			<portlet:param name="serviceName" value="${srv.name}" />
						      			<portlet:param name="serviceURL" value="${srv.url}"/>
						      			</portlet:actionURL>">${srv.name}</a>
						      	</td>
						      	<td>
						      		<a href=${srv.url} target="_blank" class="ui-iconButton info">${srv.url}</a>
						      	</td>
						      	<td>
						      		<a href="#" class="ui-iconButton help">Show/Hide Usage</a>
						      	</td>
						  </tr>
						  <tr>
						  	<td colspan="3">
						  		<div class="ui-title-child" style="display: block;">
										${srv.usage}	
								</div>
						  	</td>
						  </tr>
					</c:forEach>
					</table>
	    	</div>
	    	</c:forEach>
	    </div>
</div>
</div>

